@import './common';

.list-box{
	margin-top: setSize(20);
	background-color: $bgWin;

	.section{
		box-sizing:border-box;
		padding: setSize(24) setSize(24) 0;

		.user{

			.avat-box{
				width: setSize(84);
				height: setSize(84);
				margin-right: setSize(20);

				.avat{
					display: block;
					width: 100%;
					height: 100%;
					border-radius:50%;
				}
			}

			.text-wrap{
				@include ellipsis;

				.text{
					font-size:setSize(34);
					font-weight:500;
					// color:#333;
					line-height:setSize(42);
					@include ellipsis;
				}

				.sub-text{
					margin-top: setSize(4);
					font-size:setSize(22);
					font-weight:400;
					color:#858688;
					@include ellipsis;
				}
			}
		}

		.content-box{
			margin-top: setSize(24);

			.content{
				font-size:setSize(34);
				font-weight:400;
				// color:#333;
				line-height:setSize(48);
			}

			.btn{
				margin-top: setSize(10);
				font-size:setSize(30);
				font-weight:400;
				color: $mainColor;
			}
		}

		.imgs-wrap{
			margin-top: setSize(24);

			.img-box{
				margin-right: setSize(6);
				margin-bottom: setSize(6);

				.img{
					display: block;
					width: setSize(230);
					height: setSize(230);
				}
			}
		}

		.video-box{
			margin-top: setSize(24);

			.video{
				display: block;
				width: setSize(350);
			}
		}

		.addr-wrap{
			min-height: setSize(24);

			.addr-box{
				box-sizing:border-box;
				padding:setSize(18) 0;
				@include ellipsis;

				.icon-box{

					.icon{
						display: block;
						width: setSize(22);
						height: setSize(22);
					}
				}

				.addr{
					margin-left: setSize(8);
					font-size:setSize(22);
					font-weight:400;
					color:#999;
					@include ellipsis;
				}
			}
		}
	}

	.row{
		border-top: setSize(1) solid $thirdBgWin;

		.item{
			position: relative;
			box-sizing:border-box;
			padding:setSize(30);

			.icon-box{
				margin-right: setSize(10);

				.icon{
					display: block;
					width: setSize(32);
					height: setSize(32);
				}
			}

			.text{
				font-size:setSize(24);
				font-weight:400;
				color:#999999;
			}

			.share-btn{
				position:absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: 0;
			}
		}
	}
}